<%--
  Created by IntelliJ IDEA.
  User: 13437
  Date: 2023/8/28
  Time: 8:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<link rel="stylesheet" href="/static/plugins/layui2.7.6/css/layui.css">
<link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.min.css">

<div class="layui-header">
    <div class="layui-logo layui-hide-xs layui-bg-black">订餐 管理系统</div>
    <!-- 头部区域（可配合layui 已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">

        <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
            <i class="layui-icon layui-icon-spread-left"></i>
        </li>

        <!-- <li class="layui-nav-item layui-hide-xs"><a href="">nav 1</a></li>
        <li class="layui-nav-item layui-hide-xs"><a href="">nav 2</a></li>
        <li class="layui-nav-item layui-hide-xs"><a href="">nav 3</a></li>
        <li class="layui-nav-item">
          <a href="javascript:;">nav groups</a>
          <dl class="layui-nav-child">
            <dd><a href="">menu 11</a></dd>
            <dd><a href="">menu 22</a></dd>
            <dd><a href="">menu 33</a></dd>
          </dl>
        </li> -->
    </ul>
    <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item layui-hide layui-show-md-inline-block">
            <a href="javascript:;">
                <img src="/static/image/1.webp" class="layui-nav-img">
                ${user.name}
            </a>

            <dl class="layui-nav-child">
                <dd><a href="/profile?id=${user.id}">个人中心</a></dd>
                <dd><a href="#">修改密码</a></dd>
                <dd><a href="#" id="updateImg">修改头像</a></dd>
                <%--立即销毁所有的session--%>
                <dd><a href="/logout">登出</a></dd>
            </dl>
        </li>
        <%--            <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>--%>
        <%--              <a href="javascript:;">--%>
        <%--                <i class="layui-icon layui-icon-more-vertical"></i>--%>
        <%--              </a>--%>
        <%--            </li>--%>
    </ul>
</div>

<div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree" lay-filter="test">
            <li class="layui-nav-item layui-nav-itemed">
                <a class="" href="javascript:;"><i class="fa fa-home" aria-hidden="true" /></i> 首页</a>
                <dl class="layui-nav-child">
                    <dd><a href="#"><i class="fa fa-table" aria-hidden="true" /></i> 报表</a></dd>
                    <dd><a href="/profile?id=${user.id}"><i class="fa fa-user" aria-hidden="true" /></i> 个人中心</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;"><i class="fa fa-coffee" aria-hidden="true" /></i> 餐桌</a>
                <dl class="layui-nav-child">
                    <dd><a href="/table/manage"><i class="fa fa-cutlery" aria-hidden="true" /></i> 餐桌管理</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">菜谱</a>
                <dl class="layui-nav-child">
                    <dd><a href="/menu/findByPage?pageNow=1&pageSize=4">菜谱管理</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">订单</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">订单管理</a></dd>
                </dl>
            </li>
        </ul>
    </div>
</div>